@charset "utf-8";
.container { position: relative; width: 100%; }

.aArea .wrap { background:url(a05.jpg) no-repeat right bottom; padding:100px 0 55px; }

.aArea h1 { font-size:25px; color:#000; font-weight:normal; padding-left:53px; background:url(a01.jpg) no-repeat center left; line-height:1; }
.aArea h1 span { display:block; font-size:16px; color:#828181; margin-top:5px; }
.aArea em { display:block; width:34px; height:5px; background:#52cbc5; margin:25px 0 10px; }
.aArea h2 { font-size:23px; color:#000; font-weight:normal; text-transform:uppercase; line-height:1; margin-bottom:30px; }
.aArea h2 span { display:block; font-size:26px; margin-top:10px; }
.aArea .clearfix { margin-bottom:15px; }
.aArea h3 { float:left; width:117px; font-size:16px; color:#fff; height:28px; line-height:28px; background:url(a03.png) no-repeat center; font-weight:normal; text-align:center; }
.aArea p { float:left; width:695px; padding-left:10px; font-size:14px; color:#000; line-height:22px; padding-top:5px; }


.bArea { padding:75px 0; background:#faf9f6; }
.bArea .hd { text-align:center; font-size:40px; color:#000; }
.bArea .bd { margin-top:35px; }
.bArea .bd .p1 { margin-bottom:25px; font-size:30px; color:#000; padding-left:52px; line-height:1; }
.bArea .bd .p1 span { display:block; font-size:14px; color:#565554; text-transform:uppercase; margin-top:7px; letter-spacing:2px; }
.bArea .bd ul { padding-left:50px; }
.bArea .bd ul li { float:left; width:158px; margin-right:40px; }
.bArea .bd ul li:last-child { margin-right:0; }
.bArea .bd ul li p { text-align:center; width:158px; height:125px; padding-top:33px; font-size:40px; color:#fff; font-weight:bold; line-height:45px; border-radius:100%; overflow:hidden; }

.bArea .bd01 .p1 { background:url(b01.png) no-repeat center left; }
.bArea .bd01 ul li p { background:#52cbc5; }
.bArea .bd01 ul li:hover p { background:#0d827c; }
.bArea .bd02 .p1 { background:url(b02.png) no-repeat center left; }
.bArea .bd02 ul li p { background:#f7b504; }
.bArea .bd02 ul li:hover p { background:#fd612c; }

.cArea { padding:110px 0 125px; background:#ea8418; }
.cArea ul li { float:left; width:400px; text-align:center; }
.cArea ul li .pic { height:130px; }
.cArea ul li h1 { font-size:28px; color:#fff; font-weight:normal; }
.cArea ul li h2 { font-size:18px; color:#fff; font-weight:normal; }
.cArea ul li h2 a { color:#fff; }
.cArea ul li h2 a:hover { color:#b71455;; }
.cArea ul li p { font-size:18px; color:#b71455; font-weight:bold; }

.dArea .wrap { background:url(d01.jpg) no-repeat center left; height:642px; }
.dArea .p1 { padding-top:260px; padding-left:395px; }
.dArea .p2 { padding-left:360px; }
.dArea p { font-size:36px; color:#123f73; height:65px; line-height:65px; }
.dArea p i { display:block; padding-left:127px; }

.dArea .p1 i { background:url(d02.png) no-repeat center left; }
.dArea .p2 i { background:url(d03.png) no-repeat center left; }